<template>
	<el-breadcrumb separator-class="el-icon-arrow-right">
		<el-breadcrumb-item :to="{ path: '/demo/home' }">后台首页</el-breadcrumb-item>
		<el-breadcrumb-item v-for="(item,index) in this.$store.state.bread">{{item}}</el-breadcrumb-item>
	</el-breadcrumb>
</template>

<script>
	export default {
		// 组件名称
		name: 'demo',
		// 组件参数 接收来自父组件的数据
		props: [],
		// 局部注册的组件
		components: {},
		// 组件状态值
		data() {
			return {}
		},
		mounted() {},
		// 计算属性
		computed: {},
		// 侦听器
		watch: {},
		// 组件方法
		methods: {},
		/**
		 * 组件实例创建完成
		 */
		created() {},
	}
</script>

<style scoped>
	.el-breadcrumb {
		position: absolute;
		top: 60px;
		width: 100%;
		border-bottom: 1px solid #DDDDDD;
		padding: 20px;
		box-sizing: border-box;
		background-color: #fff;
		z-index: 100;
	}
</style>
